$(function() {
    var layer = layui.layer
    var form = layui.form
        //   获取列表
    cateList()

    function cateList() {
        $.ajax({
            type: 'get',
            url: '/my/article/cates',
            success: function(res) {
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                // 渲染到页面
                var htmlStr = template('tel-cate', res)
                $('tbody').html(htmlStr)
            }

        })
    }
    // 点击添加
    var index
    $('#btnAddCate').on('click', function() {
        // 弹出模态框
        index = layer.open({
            type: 1,
            title: '添加类名',
            area: ['500px', '300px'],
            content: $('#dialog-add').html()
        });

    })

    // 添加分类，事件委托给body
    $('body').on('submit', '#form-add', function(e) {
        e.preventDefault()
        var data = $(this).serialize()
        $.ajax({
            type: 'post',
            url: '/my/article/addcates',
            data: data,
            success: function(res) {
                console.log(res);
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                // 渲染到页面
                cateList()
                    // 关闭模态框
                layer.close(index)

            }
        })
    })
    var indexEdit
        // 编辑，事件委托给tbody
    $('tbody').on('click', '.btn-edit', function() {
        // 弹出模态框
        indexEdit = layer.open({
            type: 1,
            title: '编辑类名',
            area: ['500px', '300px'],
            content: $('#dialog-edit').html()
        })

        // 获取ID
        var id = $(this).attr('data-id')
        $.ajax({
            type: 'get',
            url: '/my/article/cates/' + id,
            success: function(res) {
                console.log(res);
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                // 表单赋值
                form.val('form-edit', res.data)

            }
        })
    })

    // 更新编辑
    $('body').on('submit', '#form-edit', function(e) {
        e.preventDefault()
        var data = $(this).serialize()
        $.ajax({
            type: 'post',
            url: '/my/article/updatecate',
            data: data,
            success: function(res) {
                console.log(res);
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                // 渲染到页面
                cateList()
                    // 关闭模态框
                layer.close(indexEdit)
            }
        })
    })

    // 删除事件
    $('body').on('click', '.btn-delete', function() {
        // 获取ID
        var id = $(this).attr('data')
        layer.confirm('确认删除?', { icon: 3, title: '提示' }, function(index) {
            $.ajax({
                type: 'get',
                url: '/my/article/deletecate/' + id,
                success: function(res) {
                    console.log(res);
                    if (res.status !== 0) {
                        return layer.msg(res.message)
                    }
                    // 渲染到页面
                    cateList()
                }
            })
            layer.close(index);
        });
    })


})